<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link href="../css/login.css" rel="stylesheet" type="text/css">
    <link href="../css/index-top.css" rel="stylesheet" type="text/css">
    <link href="../css/policy-footer.css" rel="stylesheet" type="text/css">
</head>

<body>

    <div class="top">
        <div class="top-center">
            <div class="top-center-left">
            </div>
            <div class="top-center-right">
                <a href="../index.html">返回首页</a>
            </div>
        </div>
    </div>

    <div class="container">
        <h2>登录</h2>
        <form id="loginForm">
            <div class="form-group">
                <label for="username">账号：</label>
                <input type="text" id="username" name="username" placeholder=" 请输入账号">
                <p class="error-message" id="username-error"></p>
            </div>

            <div class="form-group">
                <label for="password">密码：</label>
                <input type="password" id="password" name="password" placeholder=" 请 输 入 密 码 ">
            </div>

            <button type="submit">登录</button>
            <button type="reset">重置</button>
            <a href="注册.html"> <button type="button">注册</button></a>
        </form>
    </div>
    <script src="../js/login.js"></script>


    <footer>
        <div class="footer-container">
            <!-- 公司信息 -->
            <div class="footer-section">
                <h3>关于我们</h3>
                <p>我们致力于提供高质量的产品和服务，满足客户的需求。</p>
                <div class="social-links">
                    <a href="#" title="微博"><span class="icon icon-weibo"></span></a>
                    <a href="#" title="微信"><span class="icon icon-wechat"></span></a>
                    <a href="#" title="Twitter"><span class="icon icon-twitter"></span></a>
                    <a href="#" title="LinkedIn"><span class="icon icon-linkedin"></span></a>
                </div>
            </div>

            <!-- 快速链接 -->
            <div class="footer-section">
                <h3>快速链接</h3>
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">产品</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>

            <!-- 联系方式 -->
            <div class="footer-section">
                <h3>联系方式</h3>
                <ul>
                    <li><span class="icon icon-map-marker"></span>美国白宫大厦A座1001室</li>
                    <li><span class="icon icon-phone"></span>400-123-4567</li>
                    <li><span class="icon icon-envelope"></span>特朗普@关税double.com</li>
                </ul>
            </div>

            <!-- 法律信息 -->
            <div class="footer-section">
                <h3>法律信息</h3>
                <ul>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">Cookie政策</a></li>
                    <li><a href="#">法律声明</a></li>
                </ul>
            </div>
        </div>

        <div class="copyright">
            <p>&copy; 2025 美国退堂鼓信息技术有限公司. 保留所有权利.</p>
        </div>
    </footer>
</body>

</html>